@charset "UTF-8";
@import "../common/scss/mobile";
@import "../common/scss/mixins";
@import "../common/scss/sprites";
body{
	height:100%;
	background: $bg02;
}
.no-order{
  font-size: $fs15;
  text-align: center;
  line-height: 2.1rem;
  margin-top: 40%;
}
.order-status{
  @include scrolling;
  font-size: $fs14;
  color:$color02;
  &.order-status-0{
	color:$color05;
  }
  &.order-status-1,&.order-status-2,&.order-status-3,&.order-status-4{
	color:$color04;
	
  }
	.order-info{
	  line-height:3.6rem;
	}
	.line{
		height: 1px;
		position: relative;
		border-bottom: 1.5px solid $border01;
	}
}
.m-info-row,.m-proof-row{
  @extend .flex-row;
  color:$color02;
}

/* 待支付 */
.order-item-info,.buy-single-row,.line-row{
  @extend .flex-row;
}
.item-title,.t-price,.line-title{
  @extend .flex-item;
}
.order-item-info{
  @extend .title;
}




.line-row{
	padding-bottom: 0.7rem;
}
.line-title{
  @extend .title;
  line-height: 1.8rem;
}
.countdown{
   font-size:$fs11;
   color:$color01;
   .icon-cd-clock{
		@include mix-cd-clock();
		margin-right:0.2rem;
   }
   strong{
		color:$color05;
		[data-device-type="android"] &{
			vertical-align: -webkit-baseline-middle;
		}

   }
}

.order-item{
		padding:0 0.9rem;
       background: $bg00;
	.title{
	  font-size: $fs15;
	  color:$color03;
	}
	span{
	  &.skey,&.svalue{
		  vertical-align: middle;
		  display: inline-block;
	  }
	  &.svalue{
		  color:$color01;
		  font-size:$fs11; 
	  }
	  &.skey{
		width: 5rem;
	  }
	}
	.icon-orderno{
		@include mix-orderno();
		margin-right:0.2rem;
	}
	.icon-od-clock{
		@include mix-od-clock();
	}
	.order-info{
		@include flexbox();
	}
	.order-no{
	   @include flex-grow(1);
	}
	.order-title{
		font-size:$fs15;
		color:$color03;
		line-height:1.8rem;
		padding:1rem 0 0.8rem;
	}
	.order-validity{
		font-size:$fs11;
		color:$color01;
	}
	.order-price{
		color:$color02;
		font-size:$fs11;
		padding:0.8rem 0 1rem;
		sub{
			
		}
		.price{
			font-size:$fs15;
			vertical-align: baseline;
		}
		.number{
		}
	}
    .item-body{
	    border-width: 1.5px 0;
		border-style:solid;	
		border-color:$border01;		
	}	
	.order-action{
		@include flexbox();
		color:$color02;
		font-size:$fs11;
		line-height:3.9rem;
		.t-price{
		   sub,.price{
			color:$color03;
		   }
		   sub{
			font-size:$fs11;
		   }
		   .price{
				font-size:$fs15;
				vertical-align: baseline;
		   }
		}

		.order-opt-btn{
			align-self: center;
		  button{
			 @include iptbox();
			width:7.8rem;
			height:2.65rem;
			line-height:1.85rem;
			background-color: $bg00;
			margin-left: 1rem;
			@include radius(".4rem");
			&.pay{
			  color:$color04;
			  border: 1px solid rgba(33,172,57,.6);
			}
			&.btn-min{
			  width: 5.8rem;
			  height: 2.2rem;
			  line-height: 1.4rem;
			}
			&.disabled{
				color:$color01;
				border: 1px solid transparent;
				background-color:$bg02;
			}
		  }

		}
		
	}
}
@import "../common/scss/layer";
@import "../common/scss/utilities";